<template>
  <div>
    <Header ref="head"></Header>
    <section
      data-test="page-section"
      data-section-theme="white"
      class="page-section layout-engine-section background-width--full-bleed section-height--large content-width--medium horizontal-alignment--center vertical-alignment--middle has-background white"
      data-section-id="6075c2193dd277730d07c259"
    >
      <div class="section-border">
        <div class="section-background">
          <img
            src="../assets/imgs/index1.jpg"
            alt=""
            srcset=""
          />
          <div class="section-background-overlay" style="opacity: 0.15"></div>
        </div>
      </div>
      <div class="content-wrapper">
        <div class="content">
          <div
            class="sqs-layout sqs-grid-12 columns-12 empty"
            data-type="page-section"
            data-updated-on="1727207670321"
            id="page-section-6075c2193dd277730d07c259"
          ></div>
        </div>
      </div>
    </section>

    <section
      data-test="page-section"
      data-section-theme="white-bold"
      class="page-section layout-engine-section background-width--full-bleed section-height--small content-width--medium horizontal-alignment--center vertical-alignment--middle white-bold"
      data-section-id="607adaf979634c124c3c277b"
      data-controller="SectionWrapperController"
      data-animation="none"
      data-controllers-bound="SectionWrapperController"
      data-active="true"
    >
      <div class="section-border">
        <div class="section-background"></div>
      </div>
      <div class="content-wrapper">
        <div class="content">
          <div
            class="sqs-layout sqs-grid-12 columns-12"
            data-type="page-section"
            id="page-section-607adaf979634c124c3c277b"
          >
            <div class="row sqs-row letus">
              <div class="col sqs-col-12 span-12">
                <div
                  class="sqs-block html-block sqs-block-html"
                  data-block-type="2"
                  id="block-d4ed264288f441ca8577"
                >
                  <div class="sqs-block-content">
                    <div class="sqs-html-content">
                      <h2
                        style="
                          text-align: center;
                          white-space: pre-wrap;
                          transition-timing-function: ease;
                          transition-duration: 0.65s;
                          transition-delay: 0.216393s;
                        "
                      >
                        Let us work together to protect the health of you and
                        your family
                      </h2>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section
      data-test="page-section"
      data-section-theme="white"
      class="page-section layout-engine-section background-width--full-bleed section-height--medium content-width--wide horizontal-alignment--center vertical-alignment--middle white"
      data-section-id="6073c8ca1834a220b7487e71"
    >
      <div class="content-wrapper">
        <div class="content">
          <div class="row sqs-row">
            <div class="col sqs-col-12 span-12">
              <div class="sqs-block image-block sqs-block-image sqs-text-ready">
                <div class="shizi">
                  <img
                    src="../assets/imgs/Picture+8.png"
                    alt=""
                  />
                </div>
              </div>
              <div class="sqs-block html-block sqs-block-html">
                <div class="shizi">
                  <h2>Special Services</h2>
                </div>
              </div>
              <div style="height: 68px"></div>
              <div class="row sqs-row center-content">
                <div class="col sqs-col-2 span-2">
                  <div
                    class="sqs-block image-block sqs-block-image sqs-text-ready"
                    data-block-type="5"
                    id="block-b302f3e0252cfe5cdcc6"
                  >
                    <div class="sqs-block-content">
                      <div
                        class="image-block-outer-wrapper layout-caption-below design-layout-inline combination-animation-none individual-animation-none individual-text-animation-none sqs-narrow-width"
                        data-test="image-block-inline-outer-wrapper"
                      >
                        <figure
                          class="sqs-block-image-figure intrinsic"
                          style="max-width: 185px"
                        >
                          <div
                            class="image-block-wrapper"
                            data-animation-role="image"
                            style="
                              transition-timing-function: ease;
                              transition-duration: 0.65s;
                              transition-delay: 0.245902s;
                            "
                          >
                            <div
                              class="sqs-image-shape-container-element has-aspect-ratio"
                              style="
                                position: relative;
                                overflow: hidden;
                                -webkit-mask-image: -webkit-radial-gradient(
                                  white,
                                  black
                                );
                              "
                            >
                              <img
                                data-stretch="false"
                                data-src="../assets/imgs/Picture+1.png"
                                data-image="../assets/imgs/Picture+1.png"
                                data-image-dimensions="185x318"
                                data-image-focal-point="0.5,0.5"
                                alt="Picture 1.png"
                                data-load="false"
                                elementtiming="system-image-block"
                                src="../assets/imgs/Picture+1.png"
                                width="185"
                                height="318"
                                sizes="(max-width: 640px) 100vw, (max-width: 767px) 16.666666666666664vw, 16.666666666666664vw"
                                style="
                                  display: block;
                                  object-fit: cover;
                                  width: 100%;
                                  height: 100%;
                                  object-position: 50% 50%;
                                "
                                onload='this.classList.add("loaded")'
                                srcset="
                                  ../assets/imgs/Picture+1.png?format=100w   100w,
                                  ../assets/imgs/Picture+1.png?format=300w   300w,
                                  ../assets/imgs/Picture+1.png?format=500w   500w,
                                  ../assets/imgs/Picture+1.png?format=750w   750w,
                                  ../assets/imgs/Picture+1.png?format=1000w 1000w,
                                  ../assets/imgs/Picture+1.png?format=1500w 1500w,
                                  ../assets/imgs/Picture+1.png?format=2500w 2500w
                                "
                                loading="lazy"
                                decoding="async"
                                data-loader="sqs"
                                class="loaded"
                              />
                            </div>
                          </div>
                        </figure>
                      </div>
                    </div>
                  </div>
                  <div class="sqs-block html-block sqs-block-html">
                    <div class="sqs-block-content">
                      <div class="sqs-html-content">
                        <h4
                          style="
                            text-align: center;
                            white-space: pre-wrap;
                            transition-timing-function: ease;
                            transition-duration: 0.65s;
                            transition-delay: 0.255738s;
                          "
                          class="preFade fadeIn"
                        >
                          <strong>Psychology</strong>
                        </h4>
                        <p
                          style="
                            text-align: center;
                            white-space: pre-wrap;
                            transition-timing-function: ease;
                            transition-duration: 0.65s;
                            transition-delay: 0.265574s;
                          "
                          class="preFade fadeIn"
                        >
                          Online consultation, expert one-to-one psychological
                          guidance
                        </p>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="col sqs-col-2 span-2">
                  <div
                    class="sqs-block image-block sqs-block-image sqs-text-ready"
                    data-block-type="5"
                    id="block-b302f3e0252cfe5cdcc6"
                  >
                    <div class="sqs-block-content">
                      <div
                        class="image-block-outer-wrapper layout-caption-below design-layout-inline combination-animation-none individual-animation-none individual-text-animation-none sqs-narrow-width"
                        data-test="image-block-inline-outer-wrapper"
                      >
                        <figure
                          class="sqs-block-image-figure intrinsic"
                          style="max-width: 185px"
                        >
                          <div
                            class="image-block-wrapper"
                            data-animation-role="image"
                            style="
                              transition-timing-function: ease;
                              transition-duration: 0.65s;
                              transition-delay: 0.245902s;
                            "
                          >
                            <div
                              class="sqs-image-shape-container-element has-aspect-ratio"
                              style="
                                position: relative;
                                overflow: hidden;
                                -webkit-mask-image: -webkit-radial-gradient(
                                  white,
                                  black
                                );
                              "
                            >
                              <img
                                data-stretch="false"
                                data-src="../assets/imgs/Picture+2.png"
                                data-image="../assets/imgs/Picture+2.png"
                                data-image-dimensions="183x318"
                                data-image-focal-point="0.5,0.5"
                                alt="Picture 2.png"
                                data-load="false"
                                elementtiming="system-image-block"
                                src="../assets/imgs/Picture+2.png"
                                width="183"
                                height="318"
                                sizes="(max-width: 640px) 100vw, (max-width: 767px) 16.666666666666664vw, 16.666666666666664vw"
                                style="
                                  display: block;
                                  object-fit: cover;
                                  width: 100%;
                                  height: 100%;
                                  object-position: 50% 50%;
                                "
                                onload='this.classList.add("loaded")'
                                srcset="
                                  ../assets/imgs/Picture+2.png?format=100w   100w,
                                  ../assets/imgs/Picture+2.png?format=300w   300w,
                                  ../assets/imgs/Picture+2.png?format=500w   500w,
                                  ../assets/imgs/Picture+2.png?format=750w   750w,
                                  ../assets/imgs/Picture+2.png?format=1000w 1000w,
                                  ../assets/imgs/Picture+2.png?format=1500w 1500w,
                                  ../assets/imgs/Picture+2.png?format=2500w 2500w
                                "
                                loading="lazy"
                                decoding="async"
                                data-loader="sqs"
                              />
                            </div>
                          </div>
                        </figure>
                      </div>
                    </div>
                  </div>
                  <div class="sqs-block html-block sqs-block-html">
                    <div class="sqs-block-content">
                      <div class="sqs-html-content">
                        <h4
                          style="
                            text-align: center;
                            white-space: pre-wrap;
                            transition-timing-function: ease;
                            transition-duration: 0.65s;
                            transition-delay: 0.255738s;
                          "
                          class="preFade fadeIn"
                        >
                          <strong>Overseas Medical</strong>
                        </h4>
                        <p
                          style="
                            text-align: center;
                            white-space: pre-wrap;
                            transition-timing-function: ease;
                            transition-duration: 0.65s;
                            transition-delay: 0.265574s;
                          "
                          class="preFade fadeIn"
                        >
                          Overseas doctors, overseas insurance
                        </p>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="col sqs-col-4 span-4">
                  <div
                    class="sqs-block image-block sqs-block-image sqs-text-ready"
                    data-block-type="5"
                    id="block-b302f3e0252cfe5cdcc6"
                  >
                    <div class="sqs-block-content">
                      <div
                        class="image-block-outer-wrapper layout-caption-below design-layout-inline combination-animation-none individual-animation-none individual-text-animation-none sqs-narrow-width"
                        data-test="image-block-inline-outer-wrapper"
                      >
                        <figure class="sqs-block-image-figure intrinsic">
                          <div
                            class="image-block-wrapper"
                            data-animation-role="image"
                            style="
                              transition-timing-function: ease;
                              transition-duration: 0.65s;
                              transition-delay: 0.245902s;
                            "
                          >
                            <div
                              class="sqs-image-shape-container-element has-aspect-ratio"
                              style="
                                position: relative;
                                overflow: hidden;
                                -webkit-mask-image: -webkit-radial-gradient(
                                  white,
                                  black
                                );
                              "
                            >
                              <img
                                data-stretch="false"
                                data-src="../assets/imgs/Picture+10.jpg"
                                data-image="../assets/imgs/Picture+10.jpg"
                                data-image-dimensions="299x399"
                                data-image-focal-point="0.5,0.5"
                                alt="Picture+10.jpg"
                                data-load="false"
                                elementtiming="system-image-block"
                                src="../assets/imgs/Picture+10.jpg"
                                width="299"
                                height="399"
                                sizes="(max-width: 640px) 100vw, (max-width: 767px) 33.33333333333333vw, 33.33333333333333vw"
                                style="
                                  display: block;
                                  object-fit: cover;
                                  width: 100%;
                                  height: 100%;
                                  object-position: 50% 50%;
                                "
                                onload='this.classList.add("loaded")'
                                srcset="
                                  ../assets/imgs/Picture+10.jpg?format=100w   100w,
                                  ../assets/imgs/Picture+10.jpg?format=300w   300w,
                                  ../assets/imgs/Picture+10.jpg?format=500w   500w,
                                  ../assets/imgs/Picture+10.jpg?format=750w   750w,
                                  ../assets/imgs/Picture+10.jpg?format=1000w 1000w,
                                  ../assets/imgs/Picture+10.jpg?format=1500w 1500w,
                                  ../assets/imgs/Picture+10.jpg?format=2500w 2500w
                                "
                                loading="lazy"
                                decoding="async"
                                data-loader="sqs"
                                class="loaded"
                              />
                            </div>
                          </div>
                        </figure>
                      </div>
                    </div>
                  </div>
                  <div class="sqs-block html-block sqs-block-html">
                    <div class="sqs-block-content">
                      <div class="sqs-html-content">
                        <h4
                          style="
                            text-align: center;
                            white-space: pre-wrap;
                            transition-timing-function: ease;
                            transition-duration: 0.65s;
                            transition-delay: 0.255738s;
                          "
                          class="preFade fadeIn"
                        >
                          <strong>Overseas Medical</strong>
                        </h4>
                        <p
                          style="
                            text-align: center;
                            white-space: pre-wrap;
                            transition-timing-function: ease;
                            transition-duration: 0.65s;
                            transition-delay: 0.265574s;
                          "
                          class="preFade fadeIn"
                        >
                          Overseas doctors, overseas insurance
                        </p>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="col sqs-col-2 span-2">
                  <div
                    class="sqs-block image-block sqs-block-image sqs-text-ready"
                    data-block-type="5"
                    id="block-b302f3e0252cfe5cdcc6"
                  >
                    <div class="sqs-block-content">
                      <div
                        class="image-block-outer-wrapper layout-caption-below design-layout-inline combination-animation-none individual-animation-none individual-text-animation-none sqs-narrow-width"
                        data-test="image-block-inline-outer-wrapper"
                      >
                        <figure
                          class="sqs-block-image-figure intrinsic"
                          style="max-width: 185px"
                        >
                          <div
                            class="image-block-wrapper"
                            data-animation-role="image"
                            style="
                              transition-timing-function: ease;
                              transition-duration: 0.65s;
                              transition-delay: 0.245902s;
                            "
                          >
                            <div
                              class="sqs-image-shape-container-element has-aspect-ratio"
                              style="
                                position: relative;
                                overflow: hidden;
                                -webkit-mask-image: -webkit-radial-gradient(
                                  white,
                                  black
                                );
                              "
                            >
                              <img
                                data-stretch="false"
                                data-src="../assets/imgs/Picture+4.png"
                                data-image="../assets/imgs/Picture+4.png"
                                data-image-dimensions="183x318"
                                data-image-focal-point="0.5,0.5"
                                alt="Picture 3.png"
                                data-load="false"
                                elementtiming="system-image-block"
                                src="../assets/imgs/Picture+4.png"
                                width="183"
                                height="318"
                                sizes="(max-width: 640px) 100vw, (max-width: 767px) 16.666666666666664vw, 16.666666666666664vw"
                                style="
                                  display: block;
                                  object-fit: cover;
                                  width: 100%;
                                  height: 100%;
                                  object-position: 50% 50%;
                                "
                                onload='this.classList.add("loaded")'
                                srcset="
                                  ../assets/imgs/Picture+4.png?format=100w   100w,
                                  ../assets/imgs/Picture+4.png?format=300w   300w,
                                  ../assets/imgs/Picture+4.png?format=500w   500w,
                                  ../assets/imgs/Picture+4.png?format=750w   750w,
                                  ../assets/imgs/Picture+4.png?format=1000w 1000w,
                                  ../assets/imgs/Picture+4.png?format=1500w 1500w,
                                  ../assets/imgs/Picture+4.png?format=2500w 2500w
                                "
                                loading="lazy"
                                decoding="async"
                                data-loader="sqs"
                              />
                            </div>
                          </div>
                        </figure>
                      </div>
                    </div>
                  </div>
                  <div class="sqs-block html-block sqs-block-html">
                    <div class="sqs-block-content">
                      <div class="sqs-html-content">
                        <h4
                          style="
                            text-align: center;
                            white-space: pre-wrap;
                            transition-timing-function: ease;
                            transition-duration: 0.65s;
                            transition-delay: 0.255738s;
                          "
                          class="preFade fadeIn"
                        >
                          <strong>Nutrition</strong>
                        </h4>
                        <p
                          style="
                            text-align: center;
                            white-space: pre-wrap;
                            transition-timing-function: ease;
                            transition-duration: 0.65s;
                            transition-delay: 0.265574s;
                          "
                          class="preFade fadeIn"
                        >
                          Scientifically guided & diet based for our member's
                          health status
                        </p>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="col sqs-col-2 span-2">
                  <div
                    class="sqs-block image-block sqs-block-image sqs-text-ready"
                    data-block-type="5"
                    id="block-b302f3e0252cfe5cdcc6"
                  >
                    <div class="sqs-block-content">
                      <div
                        class="image-block-outer-wrapper layout-caption-below design-layout-inline combination-animation-none individual-animation-none individual-text-animation-none sqs-narrow-width"
                        data-test="image-block-inline-outer-wrapper"
                      >
                        <figure
                          class="sqs-block-image-figure intrinsic"
                          style="max-width: 185px"
                        >
                          <div
                            class="image-block-wrapper"
                            data-animation-role="image"
                            style="
                              transition-timing-function: ease;
                              transition-duration: 0.65s;
                              transition-delay: 0.245902s;
                            "
                          >
                            <div
                              class="sqs-image-shape-container-element has-aspect-ratio"
                              style="
                                position: relative;
                                overflow: hidden;
                                -webkit-mask-image: -webkit-radial-gradient(
                                  white,
                                  black
                                );
                              "
                            >
                              <img
                                data-stretch="false"
                                data-src="../assets/imgs/Picture+5.png"
                                data-image="../assets/imgs/Picture+5.png"
                                data-image-dimensions="185x318"
                                data-image-focal-point="0.5,0.5"
                                alt="Picture 5.png"
                                data-load="false"
                                elementtiming="system-image-block"
                                src="../assets/imgs/Picture+5.png"
                                width="185"
                                height="318"
                                sizes="(max-width: 640px) 100vw, (max-width: 767px) 16.666666666666664vw, 16.666666666666664vw"
                                style="
                                  display: block;
                                  object-fit: cover;
                                  width: 100%;
                                  height: 100%;
                                  object-position: 50% 50%;
                                "
                                onload='this.classList.add("loaded")'
                                srcset="
                                  ../assets/imgs/Picture+5.png?format=100w   100w,
                                  ../assets/imgs/Picture+5.png?format=300w   300w,
                                  ../assets/imgs/Picture+5.png?format=500w   500w,
                                  ../assets/imgs/Picture+5.png?format=750w   750w,
                                  ../assets/imgs/Picture+5.png?format=1000w 1000w,
                                  ../assets/imgs/Picture+5.png?format=1500w 1500w,
                                  ../assets/imgs/Picture+5.png?format=2500w 2500w
                                "
                                loading="lazy"
                                decoding="async"
                                data-loader="sqs"
                              />
                            </div>
                          </div>
                        </figure>
                      </div>
                    </div>
                  </div>
                  <div class="sqs-block html-block sqs-block-html">
                    <div class="sqs-block-content">
                      <div class="sqs-html-content">
                        <h4
                          style="
                            text-align: center;
                            white-space: pre-wrap;
                            transition-timing-function: ease;
                            transition-duration: 0.65s;
                            transition-delay: 0.255738s;
                          "
                          class="preFade fadeIn"
                        >
                          <strong>Health Information</strong>
                        </h4>
                        <p
                          style="
                            text-align: center;
                            white-space: pre-wrap;
                            transition-timing-function: ease;
                            transition-duration: 0.65s;
                            transition-delay: 0.265574s;
                          "
                          class="preFade fadeIn"
                        >
                          Real-time understanding of health related information
                        </p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div style="height: 68px"></div>
              <div class="sqs-block button-block sqs-block-button">
                <div class="learn">
                  <router-link to="/healthservicesmenu">Learn More</router-link>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section
      data-test="page-section"
      data-section-theme="white"
      class="page-section layout-engine-section background-width--full-bleed section-height--medium content-width--medium horizontal-alignment--center vertical-alignment--middle has-background white"
      data-section-id="6073d3880d6e7a606fa6d7f4"
      data-controller="SectionWrapperController"
    >
      <div class="section-border">
        <div class="section-background">
          <img
            data-src="../assets/imgs/index6.jpg"
            data-image="../assets/imgs/index6.jpg"
            data-image-dimensions="2500x1667"
            data-image-focal-point="0.5,0.5"
            alt="unsplash-image-zeqWK0n5PNM.jpg"
            data-load="false"
            elementtiming="nbf-background"
            src="../assets/imgs/index6.jpg"
            width="2500"
            height="1667"
            sizes="(max-width: 799px) 200vw, 100vw"
            style="display: block; object-position: 50% 50%"
            srcset="
              ../assets/imgs/index6.jpg?format=100w   100w,
              ../assets/imgs/index6.jpg?format=300w   300w,
              ../assets/imgs/index6.jpg?format=500w   500w,
              ../assets/imgs/index6.jpg?format=750w   750w,
              ../assets/imgs/index6.jpg?format=1000w 1000w,
              ../assets/imgs/index6.jpg?format=1500w 1500w,
              ../assets/imgs/index6.jpg?format=2500w 2500w
            "
            fetchpriority="low"
            loading="lazy"
            decoding="async"
            data-loader="sqs"
          />
        </div>
        <div class="bigheath">
          <div class="bigheathIn">
            <h2 class="bigheathtip1">Let Us Beat The</h2>
            <h2 class="bigheathtip2">Big Health Issues Together</h2>
            <div class="sqs-block button-block sqs-block-button">
              <div class="learn">
                <router-link to="/contact">Contact Us</router-link>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section
      data-test="page-section"
      data-section-theme="white"
      class="page-section layout-engine-section background-width--full-bleed section-height--medium content-width--wide horizontal-alignment--center vertical-alignment--middle white"
      data-section-id="6073c2c54cb0dd4608fa19b4"
      data-controller="SectionWrapperController"
    >
      <div class="content-wrapper">
        <div class="content">
          <div class="col sqs-col-8 span-8">
            <div class="sqs-block image-block sqs-block-image sqs-text-ready">
              <div>
                <router-link to="/healthservicesmenu">
                  <img
                    data-stretch="false"
                    data-src="../assets/imgs/index7.jpg"
                    data-image="../assets/imgs/index7.jpg"
                    data-image-dimensions="2500x1410"
                    data-image-focal-point="0.5,0.5"
                    alt="unsplash-image-maYeMl3xCrY.jpg"
                    data-load="false"
                    elementtiming="system-image-block"
                    src="../assets/imgs/index7.jpg"
                    width="2500"
                    height="1410"
                    sizes="100vw"
                    style="
                      display: block;
                      object-fit: cover;
                      width: 100%;
                      height: 100%;
                      object-position: 50% 50%;
                    "
                    onload='this.classList.add("loaded")'
                    srcset="
                      ../assets/imgs/index7.jpg?format=100w   100w,
                      ../assets/imgs/index7.jpg?format=300w   300w,
                      ../assets/imgs/index7.jpg?format=500w   500w,
                      ../assets/imgs/index7.jpg?format=750w   750w,
                      ../assets/imgs/index7.jpg?format=1000w 1000w,
                      ../assets/imgs/index7.jpg?format=1500w 1500w,
                      ../assets/imgs/index7.jpg?format=2500w 2500w
                    "
                    loading="lazy"
                    decoding="async"
                    data-loader="sqs"
                  />
                </router-link>
              </div>
              <div class="tradiTip1">
                <router-link to="/healthservicesmenu">
                  <h3>Traditional Mode of Medical Treatment</h3>
                </router-link>
              </div>
            </div>
          </div>
          <div class="col sqs-col-4 span-4">
            <div class="sqs-block image-block sqs-block-image sqs-text-ready">
              <div>
                <router-link to="/healthservicesmenu">
                  <img
                    data-stretch="false"
                    data-src="../assets/imgs/index8.jpg"
                    data-image="../assets/imgs/index8.jpg"
                    data-image-dimensions="2500x1667"
                    data-image-focal-point="0.5,0.5"
                    alt="unsplash-image-BxXgTQEw1M4.jpg"
                    data-load="false"
                    elementtiming="system-image-block"
                    src="../assets/imgs/index8.jpg"
                    width="2500"
                    height="1667"
                    sizes="100vw"
                    style="
                      display: block;
                      object-fit: cover;
                      width: 100%;
                      height: 100%;
                      object-position: 50% 50%;
                    "
                    onload='this.classList.add("loaded")'
                    srcset="
                      ../assets/imgs/index8.jpg?format=100w   100w,
                      ../assets/imgs/index8.jpg?format=300w   300w,
                      ../assets/imgs/index8.jpg?format=500w   500w,
                      ../assets/imgs/index8.jpg?format=750w   750w,
                      ../assets/imgs/index8.jpg?format=1000w 1000w,
                      ../assets/imgs/index8.jpg?format=1500w 1500w,
                      ../assets/imgs/index8.jpg?format=2500w 2500w
                    "
                    loading="lazy"
                    decoding="async"
                    data-loader="sqs"
                  />
                </router-link>
              </div>
              <div class="tradiTip1">
                <router-link to="/healthservicesmenu">
                  <h3>Featured Medical Services</h3>
                </router-link>
              </div>
            </div>
            <div class="sqs-block image-block sqs-block-image sqs-text-ready">
              <div>
                <router-link to="/healthservicesmenu">
                  <img
                    data-stretch="false"
                    data-src="../assets/imgs/index9.jpg"
                    data-image="../assets/imgs/index9.jpg"
                    data-image-dimensions="2500x1667"
                    data-image-focal-point="0.5,0.5"
                    alt="unsplash-image-L8tWZT4CcVQ.jpg"
                    data-load="false"
                    elementtiming="system-image-block"
                    src="../assets/imgs/index9.jpg"
                    width="2500"
                    height="1667"
                    sizes="100vw"
                    style="
                      display: block;
                      object-fit: cover;
                      width: 100%;
                      height: 100%;
                      object-position: 50% 50%;
                    "
                    onload='this.classList.add("loaded")'
                    srcset="
                      ../assets/imgs/index9.jpg?format=100w   100w,
                      ../assets/imgs/index9.jpg?format=300w   300w,
                      ../assets/imgs/index9.jpg?format=500w   500w,
                      ../assets/imgs/index9.jpg?format=750w   750w,
                      ../assets/imgs/index9.jpg?format=1000w 1000w,
                      ../assets/imgs/index9.jpg?format=1500w 1500w,
                      ../assets/imgs/index9.jpg?format=2500w 2500w
                    "
                    loading="lazy"
                    decoding="async"
                    data-loader="sqs"
                  />
                </router-link>
              </div>
              <div class="tradiTip1">
                <router-link to="/healthservicesmenu">
                  <h3>Online Health Ecosystem</h3>
                </router-link>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <Footer></Footer>
  </div>
</template>
<script>
import Header from "../components/header.vue";
import Footer from "../components/footer.vue";
export default {
  name: "index",
  components: {
    Header,
    Footer,
  },
  data() {
    return {};
  },
  created() {},
  methods: {},
};
</script>
<style scoped>
@import url("../assets/css/common.css");

@media screen and (min-width: 768px) {
  .page-section.content-width--medium:not(.content-collection) .content {
    width: 75%;
  }
}
.sqs-col-12 .sqs-col-2 {
  width: 16.6667%;
}
.sqs-col-6 .sqs-col-4 {
  width: 66.6667%;
}
.sqs-col-8 {
  width: 66.6667%;
}
.sqs-col-4 {
  width: 33.3333%;
}
.page-section.vertical-alignment--middle:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section):not(.editmode-changing-rowcount) {
  align-items: center;
}
.page-section.section-height--large:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section) {
  min-height: 100vh;
}
main .sections:first-child .page-section:first-child {
  padding-top: 100px;
}
.page-section {
  color: var(--paragraphMediumColor);
}
.page-section {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.page-section .section-border {
  background-color: rgb(233, 220, 221);
}
.section-background,
.section-background .section-background-content,
.section-background .section-background-canvas,
.section-background .section-background-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.section-background {
  overflow: hidden;
  pointer-events: none;
}
.section-background img {
  position: relative;
}
.section-background img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  overflow-clip-margin: content-box;
  overflow: clip;
}
.page-section.section-height--small:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section) {
  min-height: 33vh;
}
.page-section.vertical-alignment--middle:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section):not(
    .editmode-changing-rowcount
  ).section-height--small
  > .content-wrapper {
  padding-top: 3.3vmax;
  padding-bottom: 3.3vmax;
}

.sqs-layout > .sqs-row {
  margin-left: -17px;
  margin-right: -17px;
}
/* .sqs-row {
    width: auto !important;
} */
.sqs-layout:not(.sqs-editing)
  .sqs-row
  .sqs-block:not(.float):not(
    .sqs-feature-gated-wrapper
  ):first-child:last-child {
  padding-bottom: 0;
}
.sqs-layout:not(.sqs-editing)
  .sqs-row
  .sqs-block:not(.float):not(.sqs-feature-gated-wrapper):first-child {
  padding-top: 0;
}

[class*="sqs-col"] .sqs-block {
  padding-left: 17px;
  padding-right: 17px;
}
.section-border {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgb(233, 220, 221);
}
.page-section.section-height--medium:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section) {
  min-height: 66vh;
}

section > .content-wrapper {
  opacity: 1;
}
.page-section.horizontal-alignment--center > .content-wrapper {
  justify-content: center;
}
.page-section > .content-wrapper {
  display: flex;
}
.page-section > .content-wrapper {
  width: 100%;
  box-sizing: content-box;
  position: relative;
}
.page-section > .content-wrapper {
  max-width: 1400px;
  margin: 0 auto;
  box-sizing: border-box;
}
.sqs-layout:not(.sqs-editing)
  .sqs-row
  .sqs-block:not(.float):not(.sqs-feature-gated-wrapper):first-child {
  padding-top: 0;
}
.sqs-block:not(.sqs-block-html):not(.sqs-block-markdown) {
  clear: both;
}
[class*="sqs-col"] .sqs-block {
  padding-left: 17px;
  padding-right: 17px;
}
@media screen and (min-width: 768px),
  screen and (max-width: calc(1511px)) and (orientation: landscape) {
  h2 {
    font-size: calc((1.2) * 1.2vw + 1rem);
  }
}
.letus {
  width: auto !important;
  color: rgb(181, 88, 105);
}
.sqs-block {
  position: relative;
  height: auto;
  padding-top: 17px;
  padding-bottom: 17px;
  text-align: center;
}
.shizi {
  text-align: center;
}
.shizi h2 {
  margin: 0;
}
.sqs-layout:not(.sqs-editing)
  .sqs-block
  + .sqs-row
  .sqs-block:not(.float):first-child {
  padding-top: 17px;
}
.sqs-layout:not(.sqs-editing)
  .sqs-row
  .sqs-block:not(.float):not(.sqs-feature-gated-wrapper):first-child {
  padding-top: 0;
}
.sqs-block:not(.sqs-block-html):not(.sqs-block-markdown) {
  clear: both;
}
.sqs-row::before,
.sqs-row::after {
  content: "";
  display: block;
  clear: both;
}
.sqs-row {
  /* width: 100vw; */
  /* display: flex; */
}
[class*="sqs-col"] {
  float: left;
}
[class*="sqs-col"] .sqs-block {
  padding-left: 17px;
  padding-right: 17px;
}
.sqs-block-image .design-layout-inline .intrinsic {
  margin: 0 auto;
}
.sqs-layout:not(.sqs-editing)
  > .sqs-row:first-child
  > [class*="sqs-col"]:first-child
  > .sqs-block:not(:first-child):last-child,
.sqs-layout:not(.sqs-editing)
  .sqs-block
  + .sqs-row
  .sqs-block:not(.float):last-child {
  padding-bottom: 17px;
}
.learn {
  padding: 16px;
  background-color: #000;
  display: inline-block;
  border-radius: 6px;
  color: #fff;
}
a {
  text-decoration: none;
  color: #fff;
}
.bigheath {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.bigheathtip1,
.bigheathtip2 {
  text-align: center;
  white-space: pre-wrap;
  transition-timing-function: ease;
  transition-duration: 0.65s;
  transition-delay: 0.413115s;
}
.tradiTip1 {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  width: 70%;
  left: 20%;
}
.tradiTip1 h3 {
  font-size: calc(1.2 * 1.2vw + 1rem);
  text-align: left;
}
.content-wrapper p {
  color: #999;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .site-wrapper,
  .sqs-catalog-item-list {
    font-size: calc((1 - 1) * calc(0.012 * min(100vh, 900px)) + 1rem);
  }
}
@media screen and (max-width: 767px) {
  .content [class*="sqs-col"] {
    float: none !important;
    width: 100% !important;
    /* padding-left: 17px; */
  }
  .sqs-row {
    /* width: 100vw; */
  }
}
</style>
